<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页-pc</title>
	<link rel="stylesheet" href="./swiper-3.3.1.min.css">
	<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script src="./swiper-3.3.1.jquery.min.js"></script>
	<style>
	@charset "utf-8";
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline;
	}
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	ol, ul {
		list-style: none;
	}

	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	img, fieldset { border: none; }
	.left { float: left; }
	.right { float: right; }
	hr{
	clear:both;
	}
	.clear:after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	* html .clear{height:1%}/*ie5+ie6*/
	*:first-chile+html .clear{min-height:1px;}/*ie7*/
    
    body {
        background-image: url(./img/pc/top-bg.png);
        background-repeat: no-repeat; 
        background-position: center top;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 480px 0 0;
    }
    .dn{display: none;}
    a{text-decoration: none;}
    #main{width: 1121px; margin-left: auto; margin-right: auto; height: 10000px;}
    #main .body-wrapper{width: 1084px; margin-left: auto; margin-right: auto;}
    #main .body-main{width: 998px;}
    .nav{background-image: url(./img/pc/nav-bg.png); background-repeat: no-repeat; background-position: center bottom; height: 310px; position: relative;}
    .nav .nav-n{position: absolute; width: 129px; height: 184px; background-repeat: no-repeat;background-position: center;}
    .nav .nav-1{background-image: url(./img/pc/nav-1.png); left: 60px; bottom: 35px;}
    .nav .nav-2{background-image: url(./img/pc/nav-2.png); left: 492px; top: 0;}
    .nav .nav-3{background-image: url(./img/pc/nav-3.png); left: 900px; top: 35px;}
    .lc{padding-top: 68px; position: relative;}
    .lc-img{position: absolute;}
    .lc-1-top-1{top: -100px; left: 240px; z-index: -1}
    .lc-1-top-2{top: -100px; right: 134px; z-index: -1}
    .lc{background-repeat: no-repeat; background-position: center top;}
		.lc-1{background-image: url(./img/pc/s-bg-1.png);  margin-top: -40px;}
		.lc-2{background-image: url(./img/pc/s-bg-2.png);}
    .suspension{position: fixed; bottom: 50px; z-index: 2; width: 52px;}
    .suspension ul li{margin-bottom: 10px; background-color: red; height: 52px;}
    .suspension ul li:hover{cursor: pointer;}
    .slider{height: 490px; background-repeat: no-repeat;padding-top: 210px; position: relative;}
    .slider1{background-image: url(./img/pc/w-box-1.png); background-position: left bottom; }
    .slider2{background-image: url(./img/pc/w-box-2.png); background-position: right bottom;}
    .slider3{background-image: url(./img/pc/w-box-3.png); background-position: left bottom;}
    .slider4{background-image: url(./img/pc/w-box-4.png); background-position: right bottom;}
		.swiper-container {width: 620px;position: relative;margin-left: 76px;}
		.swiper-container.sw-2,.swiper-container.sw-4,.swiper-container.sw-6{margin-left: 389px;}
		.swiper-container .bottom-desc{width: 515px; margin-left: auto;margin-right: auto; color: #fff; font-size: 16px; padding-left: 40px; background-image: url(./img/pc/o.png); background-repeat: no-repeat; background-position: left center; line-height: 25px;}
		.swiper-container .controll{position: absolute;width: 23.5px;height: 100%; top: 0;  background-repeat: no-repeat; z-index: 5; background-position: center;}
		.swiper-container .controll:hover{cursor: pointer;}
		.swiper-container .arrow-left{left: 0;background-image: url(./img/pc/l.png);}
		.swiper-container .arrow-right{right: 0;background-image: url(./img/pc/r.png);}
		.swiper-container .controll.swiper-button-disabled{opacity: .7;}
		.swiper-container .controll.swiper-button-disabled:hover{cursor: not-allowed;}
		.side-swiper-con{position: absolute; bottom: 80px; width: 440px; height: 488px; overflow: hidden;}
		.side-swiper-con.slide-1,.side-swiper-con.slide-3{right: 0;}
		.side-swiper-con.slide-2,.side-swiper-con.slide-4{left: 0; bottom: 30px;}
		.side-swiper-con .swiper-slide,.side-swiper-con .swiper-wrapper{position: static;}

		.list-tit{height: 100px; background-image: url(./img/pc/list-t-1.png); background-repeat: no-repeat; background-position: center; margin-top: 70px;}
		.list{width: 994px; margin-left: auto; margin-right: auto; overflow: hidden; }
		.list-ul ul li{display: inline-block; width: 158.8px; padding-left: 20px; padding-right: 20px; margin-top: 20px; vertical-align: top; font-size: 12px;}
		.lc-1 .list-ul.list-list{border-top: 14px solid #e07a89; margin-top: 200px;}
		.lc-2 .list-ul.list-list{border-top: 14px solid #82c1ef; margin-top: 200px;}
		.list-ul.list-list ul li{width: 155.8px; border: 1px solid #ccc; margin-right: 1px; margin-top: 0; margin-bottom: 1px;}
		.list-ul ul li .tit-desc{margin-top: 10px;}
		.list-ul ul li .price{color: #d30707; margin-top: 10px; font-size: 14px;}
		.list-ul ul li .price-de{text-decoration: line-through; float: right; color: #5f6366;}
    </style>
</head>
<body>
	<div id="main">
		<div class="nav">
			<a href="#lc-1" class="nav-n nav-1"></a>
			<a href="#lc-2" class="nav-n nav-2"></a>
			<a href="#lc-3" class="nav-n nav-3"></a>
		</div>
		<div class="lc lc-1">
			<img src="./img/pc/lc-tag-1.png" alt="衣帽" style="position:absolute; top:-50px; right:20px;">
			<div class="body-wrapper">
				<div class="slider slider1">
					<img src="./img/pc/lc-1-top-1.png" alt="美衣" class="lc-img lc-1-top-1">
					<div class="swiper-container sw-1">
						<div class="swiper-wrapper" style="width: 620px;">
							<div class="swiper-slide">
								<iframe src="http://player.youku.com/embed/XMTU4ODg0NDY0NA==" frameborder=0 allowfullscreen style="width:555px; height:340px; display:block; margin:0 auto;"></iframe>
								<div class="bottom-desc">pony私房修容秘密神器 一秒打造大眼妆</div>
							</div>
							<div class="swiper-slide">
								<iframe src="http://player.youku.com/embed/XMTU4ODgzMzAwMA==" frameborder=0 allowfullscreen style="width:555px; height:340px; display:block; margin:0 auto;"></iframe>
								<div class="bottom-desc">pony私房修容秘密神器 一秒打造大眼妆</div>
							</div>
						</div>
				    <div class="controll arrow-left"></div>
				    <div class="controll arrow-right"></div>
					</div>
					<div class="side-swiper-con slide-1">
						<div class="side-swiper-wrapper swiper-wrapper">
							<div class="side-swiper-slide swiper-slide"><img src="./img/pc/ex3.png" alt="示例一"></div>
							<div class="side-swiper-slide swiper-slide"><img src="./img/pc/ex2.png" alt="实例二"></div>
						</div>
					</div>
				</div>
				<!-- 推荐商品list -->
				<div class="list-tit"></div>
				<div class="list">
					<div class="list-swiper-con list-1">
						<div class="list-swiper-wrapper swiper-wrapper">
							<div class="list-swiper-slide swiper-slide">
								<div class="list-ul">
									<ul>
										<li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li>
									</ul>
								</div>
							</div>
							<div class="list-swiper-slide swiper-slide">
								<div class="list-ul">
									<ul>
										<li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="slider slider2" style="margin-top:150px;">
					<img src="./img/pc/lc-1-top-2.png" alt="美衣" class="lc-img lc-1-top-2">
					<div class="swiper-container sw-2">
						<div class="swiper-wrapper" style="width: 620px;">
							<div class="swiper-slide">
								<iframe src="http://player.youku.com/embed/XMTU4ODg0NDY0NA==" frameborder=0 allowfullscreen style="width:555px; height:340px; display:block; margin:0 auto;"></iframe>
								<div class="bottom-desc">pony私房修容秘密神器 一秒打造大眼妆</div>
							</div>
							<div class="swiper-slide">
								<iframe src="http://player.youku.com/embed/XMTU4ODgzMzAwMA==" frameborder=0 allowfullscreen style="width:555px; height:340px; display:block; margin:0 auto;"></iframe>
								<div class="bottom-desc">pony私房修容秘密神器 一秒打造大眼妆</div>
							</div>
						</div>
				    <div class="controll arrow-left"></div>
				    <div class="controll arrow-right"></div>
					</div>
					<div class="side-swiper-con slide-2">
						<div class="side-swiper-wrapper swiper-wrapper">
							<div class="side-swiper-slide swiper-slide"><img src="./img/pc/ex1.png" alt="示例一"></div>
							<div class="side-swiper-slide swiper-slide"><img src="./img/pc/ex4.png" alt="实例二"></div>
						</div>
					</div>
				</div>
				<!-- 推荐商品list -->
				<div class="list-tit"></div>
				<div class="list">
					<div class="list-swiper-con list-2">
						<div class="list-swiper-wrapper swiper-wrapper">
							<div class="list-swiper-slide swiper-slide">
								<div class="list-ul">
									<ul>
										<li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li>
									</ul>
								</div>
							</div>
							<div class="list-swiper-slide swiper-slide">
								<div class="list-ul">
									<ul>
										<li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<!-- 商品list -->
				<div class="list">
					<div class="list-ul list-list">
						<ul>
							<li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
							<div class="tit-desc">商品名称 商品描述</div>
							<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
							<div class="tit-desc">商品名称 商品描述</div>
							<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
							<div class="tit-desc">商品名称 商品描述</div>
							<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
							<div class="tit-desc">商品名称 商品描述</div>
							<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
							<div class="tit-desc">商品名称 商品描述</div>
							<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
							<div class="tit-desc">商品名称 商品描述</div>
							<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
							<div class="tit-desc">商品名称 商品描述</div>
							<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	

		<div class="lc lc-2">
			<img src="./img/pc/lc-tag-2.png" alt="衣帽" style="position:absolute; top:-50px; right:20px;">
			<div class="body-wrapper">
				<div class="slider slider3">
					<img src="./img/pc/lc-2-top-1.png" alt="美衣" class="lc-img lc-1-top-1">
					<div class="swiper-container sw-3">
						<div class="swiper-wrapper" style="width: 620px;">
							<div class="swiper-slide">
								<iframe src="http://player.youku.com/embed/XMTU4ODg0NDY0NA==" frameborder=0 allowfullscreen style="width:555px; height:340px; display:block; margin:0 auto;"></iframe>
								<div class="bottom-desc">pony私房修容秘密神器 一秒打造大眼妆</div>
							</div>
							<div class="swiper-slide">
								<iframe src="http://player.youku.com/embed/XMTU4ODgzMzAwMA==" frameborder=0 allowfullscreen style="width:555px; height:340px; display:block; margin:0 auto;"></iframe>
								<div class="bottom-desc">pony私房修容秘密神器 一秒打造大眼妆</div>
							</div>
						</div>
				    <div class="controll arrow-left"></div>
				    <div class="controll arrow-right"></div>
					</div>
					<div class="side-swiper-con slide-3">
						<div class="side-swiper-wrapper swiper-wrapper">
							<div class="side-swiper-slide swiper-slide"><img src="./img/pc/ex3.png" alt="示例一"></div>
							<div class="side-swiper-slide swiper-slide"><img src="./img/pc/ex2.png" alt="实例二"></div>
						</div>
					</div>
				</div>
				<!-- 推荐商品list -->
				<div class="list-tit"></div>
				<div class="list">
					<div class="list-swiper-con list-3">
						<div class="list-swiper-wrapper swiper-wrapper">
							<div class="list-swiper-slide swiper-slide">
								<div class="list-ul">
									<ul>
										<li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li>
									</ul>
								</div>
							</div>
							<div class="list-swiper-slide swiper-slide">
								<div class="list-ul">
									<ul>
										<li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="slider slider4" style="margin-top:150px;">
					<img src="./img/pc/lc-2-top-2.png" alt="美衣" class="lc-img lc-1-top-2">
					<div class="swiper-container sw-4">
						<div class="swiper-wrapper" style="width: 620px;">
							<div class="swiper-slide">
								<iframe src="http://player.youku.com/embed/XMTU4ODg0NDY0NA==" frameborder=0 allowfullscreen style="width:555px; height:340px; display:block; margin:0 auto;"></iframe>
								<div class="bottom-desc">pony私房修容秘密神器 一秒打造大眼妆</div>
							</div>
							<div class="swiper-slide">
								<iframe src="http://player.youku.com/embed/XMTU4ODgzMzAwMA==" frameborder=0 allowfullscreen style="width:555px; height:340px; display:block; margin:0 auto;"></iframe>
								<div class="bottom-desc">pony私房修容秘密神器 一秒打造大眼妆</div>
							</div>
						</div>
				    <div class="controll arrow-left"></div>
				    <div class="controll arrow-right"></div>
					</div>
					<div class="side-swiper-con slide-4">
						<div class="side-swiper-wrapper swiper-wrapper">
							<div class="side-swiper-slide swiper-slide"><img src="./img/pc/ex1.png" alt="示例一"></div>
							<div class="side-swiper-slide swiper-slide"><img src="./img/pc/ex4.png" alt="实例二"></div>
						</div>
					</div>
				</div>
				<!-- 推荐商品list -->
				<div class="list-tit"></div>
				<div class="list">
					<div class="list-swiper-con list-2">
						<div class="list-swiper-wrapper swiper-wrapper">
							<div class="list-swiper-slide swiper-slide">
								<div class="list-ul">
									<ul>
										<li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li>
									</ul>
								</div>
							</div>
							<div class="list-swiper-slide swiper-slide">
								<div class="list-ul">
									<ul>
										<li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
										<div class="tit-desc">商品名称 商品描述</div>
										<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<!-- 商品list -->
				<div class="list">
					<div class="list-ul list-list">
						<ul>
							<li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
							<div class="tit-desc">商品名称 商品描述</div>
							<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
							<div class="tit-desc">商品名称 商品描述</div>
							<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
							<div class="tit-desc">商品名称 商品描述</div>
							<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
							<div class="tit-desc">商品名称 商品描述</div>
							<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
							<div class="tit-desc">商品名称 商品描述</div>
							<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
							<div class="tit-desc">商品名称 商品描述</div>
							<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li><li><img src="http://i3.chunboimg.com/group1/M00/11/3A/Cv4IdVdHudGADjREAAqy5-Yafzg038_290_232.jpg" alt="" width="100%">
							<div class="tit-desc">商品名称 商品描述</div>
							<div class="price">￥ 344.2<div class="price-de">￥ 344.2</div></div></li>
						</ul>
					</div>
				</div>
			</div>
		</div>

	</div>
	<!-- 悬浮nav -->
	<div class="suspension dn" id="suspension">
		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li><a href="#main">回到顶部</a></li>
		</ul>
	</div>
	<script>  
		$(document).ready(function () {      
			$(window).scroll( function() { 
				var st = $(document).scrollTop();
					if( st>0 ){
						if( $('#main').length != 0  ){
							var w = $(window).width(),
									mw = $('#main').width();
							if( (w-mw)/2 > 52 )
								$('#suspension').css({'left':(w-mw)/2+mw});
							else{
								$('#suspension').css({'left':(w-mw)/2+mw-52});
							}
						}
						$('#suspension').fadeIn(function(){
							$(this).removeClass('dn');
						});
					}else{
						$('#suspension').fadeOut(function(){
							$(this).addClass('dn');
						});
					}
			 } );
			var swiper1 = new Swiper('.sw-1-forsw', {
					nextButton: '.arrow-right',
					prevButton: '.arrow-left',
					width:'620'
				});
			var sideSw1 = new Swiper('.slide-1-forsw', {});
			var listSw1 = new Swiper('.list-1-forsw', {});
			swiper1.params.control = sideSw1
			sideSw1.params.control = listSw1

			var swiper2 = new Swiper('.sw-2-forsw', {
					nextButton: '.arrow-right',
					prevButton: '.arrow-left',
					width:'620'
				});
			var sideSw2 = new Swiper('.slide-2-forsw', {});
			var listSw2 = new Swiper('.list-2-forsw', {});
			swiper2.params.control = sideSw2
			sideSw2.params.control = listSw2


			var swiper3 = new Swiper('.sw-3-forsw', {
					nextButton: '.arrow-right',
					prevButton: '.arrow-left',
					width:'620'
				});
			var sideSw3 = new Swiper('.slide-3-forsw', {});
			var listSw3 = new Swiper('.list-3-forsw', {});
			swiper3.params.control = sideSw3
			sideSw3.params.control = listSw3

			var swiper4 = new Swiper('.sw-4-forsw', {
					nextButton: '.arrow-right',
					prevButton: '.arrow-left',
					width:'620'
				});
			var sideSw4 = new Swiper('.slide-4-forsw', {});
			var listSw4 = new Swiper('.list-4-forsw', {});
			swiper4.params.control = sideSw4
			sideSw4.params.control = listSw4
		});
	         
  </script>
</body>
</html>
